<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>自在生活</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	
		<link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
		<link href="../../css/life_housekeeper/index.css" rel="stylesheet" />
		<script src="../../js/statistics.js"></script>
		<style>
			.mui-col-xs-4 >.mui-table-view-cell a{
				width:0;
				padding:0;
			}
			.mui-ios .mui-table-view-cell:active{
				background:#f2f2f2;
			}
			.header a{
				color:#fff;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title" id='title'>自在生活</h1>
		</header>
		<div class='mui-content'>
			<div class='mui-row'>
				<!--<div class="mui-col-xs-12">-->
					<!--<li class='mui-table-view-cell list_title'>-->
						<!--<h2 class="" style="font-size:15px;">缴费服务</h2>-->
					<!--</li>-->
				<!--</div>-->
				<!--<div class="mui-col-xs-12 space">-->
					<!--<div class="mui-col-xs-4 left border_bottom">-->
						<!--<li class='mui-table-view-cell' onclick="add('http://chong.qq.com/promote/mobile/wx/index_21423.shtml','话费','腾讯公司','pay_hf')">-->
							<!--<img  src="../../images/icon/payment_services/cost.png" alt="" />-->
							<!--<p>话费</p>-->
						<!--</li>-->
					<!--</div>-->


					<!--<div class="mui-col-xs-4 left border-lr border_bottom">-->
						<!--<li class='mui-table-view-cell'>-->
							<!--<img  src="../../images/icon/payment_services/RQ.png" alt="" />-->
							<!--<p>燃气费</p>-->
						<!--</li>-->
					<!--</div>-->
					<!--<div class="mui-col-xs-4 left  border_bottom">-->
						<!--<li class='mui-table-view-cell'>-->
							<!--<img  src="../../images/icon/payment_services/SF.png" alt="" />-->
							<!--<p>水费</p>-->
						<!--</li>-->
					<!--</div>-->
				<!--</div>-->
				<!--<div class="mui-col-xs-12 space">-->

					<!--<div class="mui-col-xs-4 left">-->
						<!--<li class='mui-table-view-cell'>-->
							<!--<img  src="../../images/icon/payment_services/Electricity.png" alt="" />-->
							<!--<p class='no_click'>电费</p>-->
						<!--</li>-->
					<!--</div>-->
					<!--&lt;!&ndash;物业费：开发中。。。暂不可点击&ndash;&gt;-->
					<!--<div class="mui-col-xs-4 left border-lr ing">-->
						<!--<li class=''>-->
							<!--<img  src="../../images/icon/payment_services/HOAFee.png" alt="" />-->
							<!--<p class='no_click'>物业费</p>-->
						<!--</li>-->
					<!--</div>-->
				<!--</div>-->
				<div class="mui-col-xs-12">
					<li class='mui-table-view-cell list_title'>
						<h2 class="" style="font-size:15px;">生活服务</h2>
					</li>
				</div>
				<div class="mui-col-xs-12 space">
					<div class="mui-col-xs-4 left border_bottom pay">
						<li class='mui-table-view-cell' id='pay'>
							<img  src="../../images/icon/life_housekeeper/payment.png" alt="" />
							<p>缴费服务</p>
							<a href="../payment_services/index.html"></a>
						</li>
					</div>
					<div class="mui-col-xs-4 left border-lr  border_bottom">
						<li class='mui-table-view-cell'  onclick="add('http://linyi.58.com/shenghuo.shtml?refrom=m58','家政维修','58同城','life_wx')">
							<img  src="../../images/icon/life_housekeeper/homemarking.png" alt="" />
							<p>家政维修</p>
						</li>
					</div>
					<div class="mui-col-xs-4 left border-lr border_bottom">
						<li class='mui-table-view-cell'onclick="add('http://linyi.58.com/hunjiehunqing.shtml?refrom=m58','婚庆服务','58同城','life_hq')">
							<img  src="../../images/icon/life_housekeeper/marry.png" alt="" />
							<p>婚庆服务</p>
						</li>
					</div>
					<!--<div class="mui-col-xs-4 left border_bottom">-->

					<!--</div>-->
				</div>
				<div class="mui-col-xs-12 space">

					<div class="mui-col-xs-4 left  border_bottom">
						<li class='mui-table-view-cell'  onclick="add('http://m.kuaidi100.com/','快递查询','快递100','life_kd')">
							<img  src="../../images/icon/life_housekeeper/express.png" alt="" />
							<p>快递查询</p>
						</li>
					</div>
					<div class="mui-col-xs-4 left border-lr border_bottom">
						<li class='mui-table-view-cell'  onclick="add('http://wx.weather.com.cn/jsyb/?cityid=320400','降雨预测')">
							<img  src="../../images/icon/life_housekeeper/rainfall.png" alt="" />
							<p>降雨预测</p>
						</li>
					</div>
					<div class="mui-col-xs-4 left border_top border_bottom">
						<li class='mui-table-view-cell'  onclick="add('http://wx.weather.com.cn/mweather/101120901.shtml#1','天气查询')">
							<img  src="../../images/icon/life_housekeeper/temps.png" alt="" />
							<p>天气查询</p>
						</li>
					</div>
				</div>
				<div class="mui-col-xs-12 space">

					<div class="mui-col-xs-4 left  border-lr " style='border-left:1px solid #f2f2f2;'>
						<li class='mui-table-view-cell'onclick="add('https://i.meituan.com/?city=linyi','吃喝玩乐','美团网','life_wl')">
							<img  src="../../images/icon/life_housekeeper/eat.png" alt="" />
							<p>吃喝玩乐</p>
						</li>
					</div>
					<!--<div class="mui-col-xs-4 left" style='border-left:1px solid #f2f2f2;'>-->
						<!--<li class='mui-table-view-cell'onclick="add('http://wx.jgtong.com.cn/wx/clz/index.html?winzoom=1','今日菜价')">-->
							<!--<img  src="../../images/icon/life_housekeeper/JRWJ.png" alt="" />-->
							<!--<p>今日菜价</p>-->
						<!--</li>-->
					<!--</div>-->
				</div>
			</div>
			<div class="mui-row">
				<div class="mui-col-xs-12">
					<li class='mui-table-view-cell life_ser'>
						<h2 class=" list_title">医疗服务</h2>
					</li>
				</div>
				<div class="mui-col-xs-12 space">
					<div class="mui-col-xs-4 left border_bottom">
						<li class='mui-table-view-cell'  onclick="add('http://wx.wy.guahao.com/fastorder/hospital?_=1483406230693','在线挂号','腾讯健康','life_gh')">
							<img  src="../../images/icon/life_housekeeper/reg.png" alt=""/>
							<p>在线挂号</p>
						</li>
					</div>
					<div class="mui-col-xs-4 left border-lr border_bottom">
						<li class='mui-table-view-cell'  onclick="add('http://m.soujibing.com/','在线咨询','搜疾病','life_zx')">
							<img  src="../../images/icon/life_housekeeper/online.png" alt="" />
							<p>在线咨询</p>
						</li>
					</div>
					<div class="mui-col-xs-4 left border_bottom">
						<li class='mui-table-view-cell'  onclick="add('http://m.39.net/care/index.html','养生保健','39健康网','life_bj')">
							<img  src="../../images/icon/life_housekeeper/care.png" alt="" />
							<p>养生保健</p>
						</li>
					</div>

				</div>
			</div>
		</div>
		
		<script src='../../plugins/jquery/jquery-3.1.0.min.js'></script>
		<script src="../../plugins/mui/mui.min.js"></script>
		<!--<script type="text/javascript" src="../../js/judge.js" ></script>-->
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function(){

					
//				plus.storage.setItem('life_wx','true');//家政维修
//				plus.storage.setItem('life_hq','true');//婚庆服务
//				plus.storage.setItem('life_wl','true');//吃喝玩乐
//				plus.storage.setItem('life_kd','true');//快递查询
//				plus.storage.setItem('life_tq','true');//天气查询
//				plus.storage.setItem('life_jy','true');//降雨预测
//				plus.storage.setItem('life_gh','true');//在线挂号
//				plus.storage.setItem('life_zx','true');//在线咨询
//				plus.storage.setItem('life_bj','true');//养生保健
				//=>缴费服务
    			$(".pay").on('tap',"li",function(){
    				var href = $("#pay").find("a").attr("href");
    				mui.openWindow({
    					url:href,
    					id:href,
    					waiting:{
				      		autoShow:true,//自动显示等待框，默认为true
				      		title:'正在加载...',//等待对话框上显示的提示内容
      					},
      					show:{
      						autoShow:true,
      						aniShow:'fade-in'
      					}
    				})
				})
    		})
			//=>第三方链接
			function add(a,b,c,d){
				mui.openWindow({
				    url:'detail.html',
				    id:'detail.html',
				    show:{
				    	autoShow:true,//页面loaded事件发生后自动显示，默认为true
				    },
				    waiting:{
				    	autoShow:true,//自动显示等待框，默认为true
				   		title:'加载中...',//等待对话框上显示的提示内容
				    },
				    extras:{
				    	'link':a,
					    'title':b,
					    'life':c,
					    'isStorage':d
					},
				})
			}
		</script>
	</body>
</html>